import { createApp } from 'vue'
import './style.css'
import '@/untils/turn.js'
import '@/assets/reset.css'
import App from './App.vue'
import { createPinia } from 'pinia'
import router from "./router"
import persist from 'pinia-plugin-persistedstate'
import { Lazyload } from 'vant'
//引入组件样式
import 'vant/es/toast/style';
import 'vant/es/dialog/style';
import 'vant/es/notify/style';
import 'vant/es/image-preview/style';

const pinia = createPinia()
pinia.use(persist)
const app = createApp(App)
app.use(pinia)
app.use(router)
app.use(Lazyload)
app.mount('#app')


// Swiper 轮播
import { Swipe, SwipeItem } from 'vant';
app.use(Swipe);
app.use(SwipeItem);

//返回顶部
import { BackTop } from 'vant';
app.use(BackTop);

// 弹出层
import { Popup } from 'vant';
app.use(Popup);

// 轻提示
import { Toast } from 'vant';
app.use(Toast);


import {
    Skeleton,
    SkeletonTitle,
    SkeletonImage,
    SkeletonAvatar,
    SkeletonParagraph,
} from 'vant';

app.use(Skeleton);
app.use(SkeletonTitle);
app.use(SkeletonImage);
app.use(SkeletonAvatar);
app.use(SkeletonParagraph);